﻿<span class="toolbar" id="LeadViewFilters" style="z-index:2">
                <span class="area full">
                    <div class="filters">
                      <span class="filters-title"><strong>Lọc dữ liệu</strong></span>
                      
                      <span class="filters-item">
                        <span class="filter-wrapper">
                          <span class="filter-link">
                            <a href="javascript:void(0)" class="filter-trigger"><strong>Tình trạng:</strong> <span class="leadFilter-title" filtertype="status">Tất cả</span><span class="orderby"></span></a>
                            <input type="hidden" value="" filtertype="status" id="StatusSelectedValue"/>
                          </span>
                          <span class="filter-data">
                            <span class="left-search">
                              <input type="textbox" class="text leadFilter-search" />
                              <ul class="search-list leadfilter-search" filtertype="status" data-bind="foreach: StatusList">
                                <li data-bind="attr: {id: ID + 's'}"><a href="javascript:void(0)" data-bind="text: ItemName, attr: {id: ID + 's', itemtitle: ItemName}"></a></li>
                              </ul>
                            </span><!-- // left-search -->
                            
                            <span class="right-selected">
                              <span class="hdr">Đã chọn<a href="javascript:void(0)" class="leadFilter-cancel">Hủy</a></span>
                              <ul class="selected-list leadfilter-selected" filtertype="status"></ul>
                              <span class="row">
                                <a href="javascript:void(0)" class="btn btn-done leadfilter-done">Done</a>
                              </span>
                            </span><!-- // right-selected -->
                            
                          </span><!-- // filter-data -->
                        </span><!-- // filter-wrapper -->
                      </span>
                      
                      <span class="filters-item" data-bind="visible: VisibleUserColumn">
                        <span class="filter-wrapper">
                          <span class="filter-link">
                            <a href="javascript:void(0)" class="filter-trigger"><strong>Người dùng:</strong> <span class="leadFilter-title" filtertype="user">Tất cả</span><span class="orderby"></span></a>
                            <input type="hidden" value="" filtertype="user" id="UserSelectedValue"/>
                          </span>
                          <span class="filter-data">
                            <span class="left-search">
                              <input type="textbox" class="text leadFilter-search" />
                              <ul class="search-list leadfilter-search" filtertype="user" data-bind="foreach: UserList">
                                <li data-bind="attr: {id: ID + 'u'}"><a href="javascript:void(0)" data-bind="text: ItemName, attr: {id: ID + 'u', itemtitle: ItemName}"></a></li>
                              </ul>
                            </span><!-- // left-search -->
                            
                            <span class="right-selected">
                              <span class="hdr">Đã chọn<a href="#" class="leadFilter-cancel">Hủy</a></span>
                              <ul class="selected-list leadfilter-selected" filtertype="user" ></ul>
                              <span class="row">
                                <a href="#" class="btn btn-done leadfilter-done">Done</a>
                              </span>
                            </span><!-- // right-selected -->
                            
                          </span><!-- // filter-data -->
                        </span><!-- // filter-wrapper -->
                      </span>
                      
                      <span class="filters-item">
                        <span class="filter-wrapper">
                          <span class="filter-link">
                            <a href="#" class="filter-trigger"><strong>Nguồn:</strong> <span class="leadFilter-title" filtertype="leadsource">Tất cả</span><span class="orderby"></span></a>
                            <input type="hidden" value="" filtertype="leadsource" id="LeadSourceSelectedValue"/>
                          </span>
                          <span class="filter-data">
                            <span class="left-search">
                              <input type="textbox" class="text leadFilter-search" />
                              <ul class="search-list leadfilter-search" filtertype="leadsource" data-bind="foreach: LeadSourceList">
                                <li data-bind="attr: {id: ID + 'l'}"><a href="javascript:void(0)" data-bind="text: ItemName, attr: {id: ID + 'l', itemtitle: ItemName}"></a></li>
                              </ul>
                            </span><!-- // left-search -->
                            
                            <span class="right-selected">
                              <span class="hdr">Đã chọn<a href="javascript:void(0)" class="leadFilter-cancel">Hủy</a></span>
                              <ul class="selected-list leadfilter-selected" filtertype="leadsource"></ul>
                              <span class="row">
                                <a href="javascript:void(0)" class="btn btn-done leadfilter-done">Done</a>
                              </span>
                            </span><!-- // right-selected -->
                            
                          </span><!-- // filter-data -->
                        </span><!-- // filter-wrapper -->
                      </span>

                      <span class="filters-item last" id="LeadFilterDropdownRangeTime">
                        <span class="filter-wrapper">
                          <span class="filter-link">
                            <a href="javascript:void(0)" class="filter-trigger"><strong>Ngẫu nhiên:</strong> <span class="leadFilter-range-title">Tất cả</span><span class="orderby"></span></a>
                            <input type="hidden" value="" filtertype="range" timepicker="false" id="RangeSelectedValue"/>
                          </span>
                          <span class="filter-data" style="width: 531px;">   
                            <div class="wrapper">  
                                <span class="hdr">Chọn khung thời gian<a href="javascript:void(0)" class="leadFilter-cancel">Hủy</a></span>

                                <ul class="btns-list" data-bind="foreach: RangeList">
                                    <li><a href="javascript:void(0)" class="rangeSelectItem btn" data-bind="text: ItemName, attr: {id: ID, 'class': 'rangeSelectItem btn ' + CssName}"></a></li>                                    
                                </ul>

                                <span class="hdr">Đặc tả ngày</span>

                                <span class="row">
                                <span class="date-selector">
                                <strong>Từ:</strong>
                                <input type="text" id="startDate" value="" class="text cal date spl" />
                                <strong>Đến:</strong>
                                <input type="text" id="endDate" value=""  class="text cal date" />
                                </span>
                                <a href="javascript:void(0)" class="btn btn-done right leadfilter-range-done">Done</a>
                                </span>
                            </div>
                            
                          </span><!-- // filter-data -->
                        </span><!-- // filter-wrapper -->
                      </span>
                      
                      <a href="javascript:void(0)" class="btn btn-go" data-bind="click: GoFilter">Go</a>
                    </div>
                </span>
            </span>
